<!--
 * @Author: boyyang
 * @Date: 2022-01-01 23:30:38
 * @LastEditTime: 2022-03-18 21:40:33
 * @LastEditors: boyyang
 * @Description: App 入口
 * @FilePath: \boyyang\src\App.vue
-->
<template>
  <loading-provider>
    <LoadingBarProvider>
      <Message>
        <router-view></router-view>
      </Message>
    </LoadingBarProvider>
  </loading-provider>
</template>

<script lang="ts" setup>
import Message from '@/components/message/messageProvider.vue'
import LoadingBarProvider from '@/components/loadingBar/loadingBarProvider'
import LoadingProvider from '@/components/fullScreenLoading/loadingProvider.vue'
</script>

<style>
* {
  margin: 0;
}

#app {
  padding: 0;
  margin: 0;
}

/* IE 浏览器 */
::scrollbar {
  /*三角箭头的颜色*/
  /* scrollbar-arrow-color: #fff; */
  /*滚动条滑块按钮的颜色*/
  /* scrollbar-face-color: #0099dd; */
  /*滚动条整体颜色*/
  /* scrollbar-highlight-color: #0099dd; */
  /*滚动条阴影*/
  /* scrollbar-shadow-color: #0099dd; */
  /*滚动条轨道颜色*/
  /* scrollbar-track-color: #0066ff; */
  /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
  /* scrollbar-3dlight-color: #0099dd; */
  /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
  /* scrollbar-darkshadow-color: #0099dd; */
  /*滚动条基准颜色*/
  /* scrollbar-base-color: #0099dd; */
}

/* chrome & safari 浏览器 */
/*滚动条整体部分,必须要设置*/
::-webkit-scrollbar {
  width: 3px;
  height: 2px;
  background-color: #ffffff;
}
/*滚动条的轨道*/
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb {
  width: 1px;
  height: 2px;
  background-color: rgb(25, 216, 184);
  box-shadow: inset 0 0 5px rgb(0, 255, 234);
  border-radius: 5px;
}
/*滚动条的上下两端的按钮*/
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
</style>
